Working with Tables > Creating tables
 		><

Creating tables


You can use a table to lay out text and objects on the page, or to present spreadsheet data or other information in rows and columns. You can insert text and almost any object into a table cell, from an image to another table to a QuickTime movie. While text directly on the page wraps at the window size of the viewer's browser, text inside a table cell wraps at the set width of the cell. Like most other objects in Adobe GoLive, a table can be placed directly in the document window or on a layout grid for more control over its precise position on the page.

Note: Positioning text and objects using tables can be a tedious process. To position text and objects more easily, you can use a layout grid. For more information on using the layout grid, see Using the layout grid.

To set up a table:

1 Choose Window > Objects.

2 In the Objects palette, click the Basic tab ().

3 Drag the Table icon from the Objects palette to your document window, or double-click the icon in the Objects palette.

4 Choose Window > Inspector.

5 In the Table Inspector, click the Table tab.

6 To change the number of rows or columns in the table, do one of the following:
  • Enter the desired number for Rows or Columns in the Table Inspector.
  • Shift-click inside a cell to select it. Then click one of the following buttons in the Cell tab of the Table Inspector: the Add Row button () to add an empty row above the cell, the Add Column button () to add an empty column to the left of the cell, the Delete Row button () to delete the row that contains the cell, or the Delete Column button () to delete the column that contains the cell.
  • Shift-click inside a cell to select it. Then do one of the following: press * to add an empty row above the cell, press + to add an empty column to the left of the cell, press Shift+Delete to delete the row that contains the cell, or press Delete to delete the column that contains the cell.

    • 7 To resize the table, do one of the following:
  • Click the top or left edge of the table to select it. In the Table tab of the Table Inspector, choose an option from the pop-up menu for Width or Height, and enter the desired measurement. Choose Auto to automatically adjust the width or height to its optimal size.
  • Alt-click (Windows) or Option-click (Mac OS) the right or bottom border of the table. Then drag in the desired direction. (Alt-clicking or Option-clicking sets the units for Width or Height from Auto to Pixel, so that the width or height can be resized.)

    • 8 To resize a row or column in the table, do one of the following:
  • Alt-click (Windows) or Option-click (Mac OS) the right or bottom border of a cell in the row or column that you want to resize. Then drag in the desired direction.
  • Select a cell in the row or column that you want to resize. (Shift-click inside a cell to select it.) In the Cell tab of the Table Inspector, choose an option from the pop-up menu for Width or Height, and enter the desired measurement.


    •

    To customize the appearance of a table:

    Note: In addition to setting options in the Table Inspector, you can customize the appearance of a table by applying a predefined table style to it. For more information on applying predefined table styles, see Formatting tables using predefined styles.

    1 Click the top or left edge of the table to select it.

    2 Choose Window > Inspector.

    3 In the Table Inspector, click the Table tab.

    4 Enter the desired width for Border in the Table Inspector.

    If you set the border width to 0, the borders are dimmed in Adobe GoLive Layout view and hidden in the browser. To hide the dimmed borders that appear in Layout view, choose Edit > Hide Invisible Items.

    5 To change the vertical and horizontal spacing within table cells, enter a number for Cell Pad.

    6 To change the space between table cells, enter a number for Cell Space.

    A. Border of 1 pixel B. Border of 15 pixels C. Cell pad of 0 pixels D. Cell pad of 10 pixels E. Cell space of 2 pixels F. Cell space of 5 pixels

    7 To apply a background color to the table, select Color. Click inside the color field to select it. Then select a color in the Color palette. For instructions on using the Color palette, see Working with color.

    Note: When you apply a background color to a table and view the table in the Adobe GoLive Preview or Netscape Navigator, the color only appears in table cells that contain text or other content. To workaround this problem, you can add a nonbreaking space to each empty table cell. To add a nonbreaking space, click inside the cell, and press Shift+spacebar (Windows) or Option+spacebar (Mac OS).

    8 To align the table with respect to the document window, choose an option from the Alignment pop-up menu. (You can't use the Alignment pop-up menu to align a table on a layout grid.) Choose Default to align the table automatically so that its alignment matches the alignment of surrounding text.

    9 To add a caption to the table, select Caption, and choose a location for the caption from the pop-up menu.

    10 To apply a background image to the table, select BgImage. Then select an image file using the Point and Shoot button (), or the Browse button.

    To customize a row:

    1 Shift-click the left side of the row to select it.

    To customize multiple rows, select the desired rows and then choose from the available options in the Row tab of the Table Inspector.

    2 Choose Window > Inspector.

    3 In the Table Inspector, click the Row tab.

    4 To vertically align the text in all of the table cells in the row, choose an option from the Vertical Alignment pop-up menu in the Table Inspector. Choose Default to vertically align the text according to the browser's preferences. (In Adobe GoLive, choosing Default results in the text being vertically centered.)

    5 To horizontally align the text in all of the table cells in the row, choose an option from the Horizontal Alignment pop-up menu. Choose Default to horizontally align the text according to the browser's preferences. (In Adobe GoLive, choosing Default results in the text being aligned with the left cell margin.)

    6 To change the height of the row, choose an option from the pop-up menu for Height. Then enter the desired measurement. Choose Auto to automatically adjust the height to its optimal size.

    7 To apply a background color to the row, select Color. Click inside the color field to select it. Then select a color in the Color palette. For instructions on using the Color palette, see Working with color.

    To customize a cell:

    1 Shift-click inside a cell to select it.

    To customize multiple cells, select the desired cells and then choose from the available options in the Cell tab of the Table Inspector. To add cells to your selection, you can Shift-click inside each additional cell. For more information on selecting multiple cells, see Making selections within tables.

    2 Choose Window > Inspector.

    3 In the Table Inspector, click the Cell tab.

    4 To vertically align the text in the cell, choose an option from the Vertical Alignment pop-up menu in the Table Inspector. Choose Default to vertically align the text according to the browser's preferences. (In Adobe GoLive, choosing Default results in the text being vertically centered.)

    5 To horizontally align the text in the cell, choose an option from the Horizontal Alignment pop-up menu. Choose Default to horizontally align the text according to the browser's preferences. (In Adobe GoLive, choosing Default results in the text being aligned with the left cell margin.)

    6 To extend the cell one or more rows downward, do one of the following:
  • Enter the desired number of rows for Row Span.


    •
    Cell spanning three rows
  • Press Shift+Down Arrow key to extend the cell one row downward at a time. (Press Shift+Up Arrow key to shorten the cell one row upward at a time.)

    • 7 To extend the cell one or more columns to the right, do one of the following:
  • Enter the desired number of columns for Column Span.
  • Press Shift+Right Arrow key to extend the cell one column to the right at a time. (Press Shift+Left Arrow key to shorten the cell one column to the left at a time.)

    • 8 To adjust the height or width of the cell, choose an option from the pop-up menu for Width or Height, and enter the desired measurement. Choose Auto to automatically adjust the width or height to its optimal size.

    When you adjust the height or width of the cell, Adobe GoLive automatically adjusts the width or height of the entire row or column that contains the cell.

    9 To format the cell as a subheader, select Header Style.

    10 To suppress automatic text wrapping in the cell, select No Text Wrap.

    11 To apply a background image to the cell, select BgImage. Then select an image file using the Point and Shoot button (), or the Browse button.

    12 To add an empty row above the cell, click the Add Row button ().

    13 To add an empty column to the left of the cell, click the Add Column button ().

    14 To delete the row or column that contains the cell, click the Delete Row () or Delete Column () button.

    Working with Tables > Creating tables